import { defineAsyncComponent } from 'vue'

const self = defineAsyncComponent(() => import('../pages/mirror/self'))
const other = defineAsyncComponent(() => import('../pages/mirror/other'))
const land = defineAsyncComponent(() => import('../pages/mirror/land'))
const canvas = defineAsyncComponent(() => import('../pages/mirror/canvas'))
const index = defineAsyncComponent(() => import('../pages/mirror'))
const mirror  = [
  {
    path: "/",
    name: "mirrorIndex",
    component: index,
  },
  {
    path: "/mirror/self",
    name: "mirrorSelft",
    component:  self,
  },
  {
    path: "/mirror/other",
    name: "mirrorOther",
    component:  other,
  },
  {
    path: "/mirror/land",
    name: "mirrorLand",
    component:  land,
  },
  {
    path: "/mirror/canvas",
    name: "mirrorCanvas",
    component:  canvas,
  },
]
export default mirror